* {
  margin: 0;
  padding: 0;
  list-style: none;
}

.CommunityListbox {
  width: 100%;
  height: 80vh;
}

.CommunityListbox .CommunityListmain {
  width: 100%;
  height: 74vh;
}

.CommunityListbox .CommunityListmain .CommunityListmaintop {
  width: 55%;
  height: 8vh;
  border-left: 5px solid green;
  display: flex;
  justify-content: space-around;
}

.CommunityListbox .CommunityListmain .CommunityListmaintop .one {
  width: 9vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunityListbox .CommunityListmain .CommunityListmaintop .tow {
  width: 9vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunityListbox .CommunityListmain .CommunityListmaintop .third {
  width: 25vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunityListbox .CommunityListmain .CommunityListmainbottom {
  width: 100%;
  height: 66vh;
  overflow-y: auto;
}

.CommunityListbox .CommunityListfoot {
  width: 100%;
  height: 5vh;
  border-top: 1px solid #ccc;
}
